<%--
  Created by IntelliJ IDEA.
  User: JMS
  Date: 2020/12/29
  Time: 20:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>档案中心页面</title>
    <!-- Bootstrap Styles-->
    <link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.css" />
    <!-- FontAwesome Styles-->
    <link rel="stylesheet" href="../../static/font-awesome-4.7.0/css/font-awesome.css" />
    <link rel="stylesheet" href="../../static/font-awesome-4.7.0/css/custom-styles.css" />
    <link rel="stylesheet" href="../../static/css/style_x.css">

    <style>
        .form-text{
            border: 0.3px cadetblue solid;
        }
        .btn-sm{
            background: rgb(149, 200, 201) ;
            border: transparent;
        }

    </style>
</head>

<body>
<div id="wrapper">
    <nav class="top-navbar">
        <div class="navbar-header">
            <strong class="navbar-brand">管理员功能菜单</strong>
        </div>
    </nav>
</div>

<!--/. NAV TOP  -->
<div class="row">
    <div class="col-2">

        <nav class="navbar-side" role="navigation">

            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="../../pages/admin/getApplyList.jsp"><i class="fa fa-dashboard"></i> 租赁管理</a>
                    </li>
                    <li>
                        <a href="../../pages/admin/getRepairList.jsp"><i class="fa fa-desktop"></i> 报修处理</a>
                    </li>
                    <%--<li>
                        <a href="../../pages/admin/Settlement_center.jsp"><i class="fa fa-bar-chart-o"></i> 结算中心</a>
                    </li>--%>
                    <li>

                        <a href="../../pages/admin/Report_center.jsp"><i class="fa fa-qrcode"></i> 报表中心</a>
                    </li>
                    <li class="active-menu">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                             class="bi bi-caret-right" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M6 12.796L11.481 8 6 3.204v9.592zm.659.753l5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z" />
                        </svg>
                        <a href="../../pages/admin/Central_Archives.jsp"><i class="fa fa-history" aria-hidden="true"></i> 档案中心</a>
                    </li>
                    <li>
                        <a href="../../pages/admin/adminLogin.jsp"><i class="fa fa-outdent" aria-hidden="true"></i> 退出登录</a>
                    </li>
                </ul>
            </div>

        </nav>

    </div>
    <!-- /. NAV SIDE  -->
    <div class="col-10" style="height: 1200px;background: #eee;">
        <div class="Archives_Center_header">
            <h3 style="margin-top: 0px;">档案中心</h3>
        </div>
        <div class="content">

            <div class="mt-3 card">
                <div class="card-header">
                    <strong>查询条件</strong>
                </div>

                <div class="card-body">
                    <div class="d-flex row">
                        <div class="form-row col-11 ml-3">
                            <input type="text" class="form-text col-4 mr-3 rounded" id="user" name="user"
                                   autocomplete="off" style="background-color:rgba(255, 255, 255, .5)"
                                   placeholder="请输入员工姓名">
                            <input type="text" class="form-text col-3 mr-3 rounded" name="user"
                                   autocomplete="off" style="background-color:rgba(255, 255, 255, .5)"
                                   placeholder="请输入员工号">
                            <input type="text" class="form-text col-4 rounded"  name="user"
                                   autocomplete="off" style="background-color:rgba(255, 255, 255, .5) "
                                   placeholder="请输入员工联系方式">
                        </div>
                        <button class="d-inline-block btn-sm">查询</button>
                    </div>
                </div>
            </div>
            <div class="card mt-3">
                <div class="card-header d-flex">
                    <strong>用户信息</strong>
                    <button class="d-inline-block btn-sm" style="margin-left: auto;" >添加</button>
                </div>

                <div class="card-body">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">员工号</th>
                            <th scope="col">员工姓名</th>
                            <th scope="col">登录密码</th>
                            <th scope="col">电话号码</th>
                            <th scope="col">地址</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                            <td>@mdo</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                            <td>@fat</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td >Larry the Bird</td>
                            <td>@twitter</td>
                            <td>@twitter</td>
                            <td>@twitter</td>
                            <td>@twitter</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>





</body>

</html>